<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>用户登录</title>
    <div data-th-replace="layout/user/user-center-head"></div>
    <link th:href="@{{path}/common/v3/verify-css/verify.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet"/>
</head>
<body><!-- class="sH" style="background: #373e49;"-->
    <div class="sH" style="background: #373e49;">
        <div class="container pr" id="wrap">
            <div class="cm-wbg__bx phase-bx pa" id="phase-bx">
                <article class="mt20 mr20 mb20 pb10 ml20">
                    <div class="row">
                        <section class="col-sm-6 i-logoBanner">
                            <!--banner index begin-->
                            <div class="i-banner__wrap">
                                <div class="">
                                    <div class="carousel slide carousel1" id="carousel1"  data-interval="3000">
                                        <ol class="carousel-indicators">
                                            <li th:if="!${#lists.isEmpty(advertList)}" th:each="advert,index : ${advertList}" th:classappend="${index.index}==0?'active':''" th:attrappend="data-slide-to=${index.index}" data-target="#carousel1"></li>
                                        </ol>
                                        <div class="carousel-inner">
                                            <img th:if="${#lists.isEmpty(advertList)}" th:src="@{{path}/front/mobile/v3/img/default/PC-register.jpg?v={v}(path=${staticPath},v=${v})}" alt="">
                                            <div th:if="!${#lists.isEmpty(advertList)}" th:each="advert,index : ${advertList}" th:classappend="${index.index}==0?'active':''" th:attrappend="data-slide-to=${index.index},data-type=${advert['redirectType']},data-page=${advert['newPage']},data-course=${advert['courseId']},data-url=${advert['pageUrl']}" th:style="'background:url('+${advert['imageMap']['url']}+') no-repeat 50% 50%;'" class="item hand"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="col-sm-6" id="contentDiv">
                            <!--登录，开始-->
                            <section class="ml20 mr20">
                                <div>
                                    <aside class="pull-right">
                                        <a th:href="@{/web/user/register}" class="c-999">去注册<i class="fa fa-angle-right ml10"></i></a>
                                    </aside>
                                    <aside class="pull-left">
                                        <a th:href="@{/web/index}" class="c-999"><i class="fa fa-angle-left mr10"></i> 返回首页</a>
                                    </aside>
                                    <div class="clear"></div>
                                </div>
                                <div class="phase-logo text-center">
                                    <a href="javascript:void(0);">
                                        <img th:alt="${infoMap['company']}" th:src="${logoMap['url']}"/>
                                    </a>
                                </div>
                                <div class="mt20 pt10 mb20 pb10">
                                    <div class="tabs-container phase-tabs">
                                        <ul class="nav nav-tabs text-center">
                                            <li class="active">
                                                <a data-toggle="tab" href="#tab-1" aria-expanded="true">账号登录</a>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div id="tab-1" class="tab-pane active">
                                                <div class="panel-body">
                                                    <div class="mr20 ml20">
                                                        <!--错误提示-->
                                                        <div class="login-alertWarning text-center mb10">
                                                            <div class="alert alert-warning hLh20 errorMessage" th:style="${#strings.isEmpty(message)}?'display: none;':''" style="display: none;">
                                                                <div><i class="fa fa-warning mr5"></i><span class="errorTips" th:text="${message}"></span></div>
                                                            </div>
                                                        </div>

                                                        <div class="input-group pb10 mb5">
                                                            <input type="text" name="loginAccount" placeholder="请输入登录账号" class="form-control input-lg">
                                                        </div>
                                                        <div class="input-group pb10 mb5">
                                                            <input type="password" name="password" placeholder="请输入密码" class="form-control input-lg">
                                                        </div>
                                                        <div class="input-group picode-bx pb10 mb5">
                                                            <input type="hidden" name="gapLeft" value="0"/>
                                                            <input type="hidden" name="moveLeft" value="0"/>
                                                            <aside class="pull-left form-control picode">拼图验证码</aside>
                                                            <div class="form-control verifyWrap pull-right" id="verifyWrap" style="padding: 0;">
                                                                <div class="verifyLoading"><span class="fs12 c-999">加载中...</span></div>
                                                            </div>
                                                        </div>
                                                        <div class="pt10">
                                                            <aside class="pull-right">
                                                                <a th:href="@{/web/user/retrievePage}" class="c-info">忘记密码？</a>
                                                            </aside>
                                                            <aside class="pull-left">
                                                                <label class="i-checks" data-toggle="tooltip" data-placement="top" data-original-title="公共场所不建议勾选">
                                                                    <input type="checkbox" checked class="vam" name="autoThirty" value="true" style="margin: 0" />
                                                                    <span class="vam c-999">自动登录</span></label>
                                                            </aside>
                                                            <div class="clear"></div>
                                                        </div>
                                                        <div class="mt20 mb20 p_login">
                                                            <button type="button" id="loginBtn" class="btn btn-lg btn-block btn-info unRadius fs16"> 登 录 </button>
                                                        </div>
                                                        <th:block th:if="${weiXinLoginSwitch=='ON'&& qqLoginSwitch =='ON'}">
                                                            <div class="pt10 way">
                                                                <aside class="pull-right">
                                                                    <a href="javascript:void(0);" class="c-wx fs20" id="weiXinLogin"><i class="fa fa-weixin"></i></a>
                                                                    <a href="javascript:void(0);" class="c-qq fs20 ml20" id="qqLogin"><i class="fa fa-qq"></i></a>
                                                                </aside>
                                                                <aside class="pull-left hLh30">
                                                                    <span class="vam c-ccc">其它登录方式</span>
                                                                </aside>
                                                                <div class="clear"></div>
                                                            </div>
                                                        </th:block>
                                                        <th:block th:if="${weiXinLoginSwitch=='ON'&& qqLoginSwitch !='ON'}">
                                                            <div class="pt10 way">
                                                                <aside class="pull-right">
                                                                    <a href="javascript:void(0);" class="c-wx fs20" id="weiXinLogin"><i class="fa fa-weixin"></i></a>
                                                                </aside>
                                                                <aside class="pull-left hLh30">
                                                                    <span class="vam c-ccc">其它登录方式</span>
                                                                </aside>
                                                                <div class="clear"></div>
                                                            </div>
                                                        </th:block>
                                                        <th:block th:if="${weiXinLoginSwitch!='ON'&& qqLoginSwitch =='ON'}">
                                                            <div class="pt10 way">
                                                                <aside class="pull-right">
                                                                    <a href="javascript:void(0);" class="c-qq fs20 ml20" id="qqLogin"><i class="fa fa-qq"></i></a>
                                                                </aside>
                                                                <aside class="pull-left hLh30">
                                                                    <span class="vam c-ccc">其它登录方式</span>
                                                                </aside>
                                                                <div class="clear"></div>
                                                            </div>
                                                        </th:block>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </section>
                            <!--登录，结束-->
                        </section>
                    </div>
                </article>
            </div>
        </div>
    </div>
    <script th:src="@{{path}/common/libs/jquery_1.11.1/jquery.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/libs/bootstrap/bootstrap.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/web/business/common/global.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/cookie/cookie-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/common/libs/jquery.serializeJSON/jquery.serializejson.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/front/web/libs/plugins/layer/layer.js?v={v}(path=${staticPath},v=${v})}"></script>
    <!--引入滑动验证码库-->
    <script type="text/javascript" th:src="@{{path}/common/libs/verify-code/verify-code.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/common/common-login-utils.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/login/phase-login.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/login/get-ad-data.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/jsencrypt/jsencrypt.min.js?v={v}(path=${staticPath},v=${v})}"> </script>
    <script th:inline="javascript" type="text/javascript">
        var publicKey = [[${keyMap['publicKey']}]];
        var sign = [[${keyMap['sign']}]];
        var staticPath =[[ ${staticPath}]];
        var baseloaction = [[${#httpServletRequest.getContextPath()}]];
        if(baseloaction=="/"){
            baseloaction="";
        }
    </script>
</body>
</html>